<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript">

	$(document).ready(function(){
			document.addEventListener("deviceready", myDeviceReadyListener, false);	
	});	
	var media = null;	
	var timer='';
	var i=1;
 	myDeviceReadyListener = function(){
		var src = "/mnt/sdcard/myrecord1.mp3";  //最后生成的文件,默认我们随机生成文件名
		media = new Media(src, mediaSuccess, mediaError, mediaStatus);
		 $("#btn_play").click(function(){
		 		alert('kaishi');
		 		startRecord();
		 })
		  $("#btn_stop").click(function(){
			 	alert('结束');
				stopRecord();
				if(timer!=''){
					clearInterval(timer);
					timer='';					
				}
				$('#txt_position .ui-btn-text').text('当录音时间为0秒');
				
		 })		
		
	} 
	//开始录音
	function startRecord(){
		if(media!=''){
			media.startRecord();
			if(timer==''){
				timer=setInterval(function(){
					$('#txt_position .ui-btn-text').text('当录音时间为'+i+'秒');
					i++;
				},1000)
			}
		}
	}
	//停止录音
	function stopRecord(){
		if(media!=''){
			media.stopRecord();
		}
	}
	
	
	//当一个Media对象完成录音
	function mediaSuccess(){
		console.log('当一个Media对象完成当前的播放、录制或停止操作时触发的回调函数');
	}
	//失败的回调函数
	function mediaError(error) {
           console.log('code: '    + error.code    + '\n' +
                  'message: ' + error.message + '\n');
   }
   	//状态改变的回调函数
   	function mediaStatus(){
   		console.log('状态改变的回调函数');
   	}
		

</script>
</head> 
<body>
<div data-role="page">
		<div data-role="header">
			<h1>phonegap100.com</h1>
		</div>
		<div data-role="content">
			<a id="btn_play" href="#" data-role="button">开始录音</a>
			<a id="btn_stop" href="#" data-role="button">停止录音</a>
			<a id="txt_position" href="#" data-role="button">录音时间0秒</a>
		</div>
		<div data-role="footer">
			<h4>phonegap中文网</h4>
		</div>
</div>

</body>
</html>
